<template>
	<!-- 店铺公告 -->
	<view class="diy-notice"
		:style="{marginBottom: `${item.style.marginBottom}px`, marginTop: `${item.style.marginTop}px` }"
		@click="onLink(params.link)">
		<view class="fbox fbox-jbetween" style="padding: 0 20rpx;" :style="{backgroundColor:item.style.backgroundColor,color:item.titleColor}">
			<view class="volume">
				<image src="/static/notice.png" mode=""></image>
			</view>
			<swiper :indicator-dots="false" :circular="true" next-margin="20px" style="width: 83%; height: 74rpx;" :vertical="true" 
				:autoplay="true" :interval="3000" :duration="1000">
				<swiper-item style="height: 74rpx;" v-for="(itm,index) in item.noticeTxt">
					<view class="swiper-item">{{itm.text}}</view>
				</swiper-item>
			</swiper>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		/**
		 * 组件的属性列表
		 * 用于组件自定义设置
		 */
		props: {
			item: {
				type: Object,
				default: {}
			}
		},
		/**
		 * 组件的方法列表
		 * 更新属性和数据的方法与更新页面数据的方法类似
		 */
		methods: {

		}

	}
</script>

<style lang="scss" scoped>
	.diy-notice {
		height: 80rpx;
	}

	.volume {
		padding-top:5rpx;
		image{
			width: 100rpx;
			height: 60rpx;
		}
	}
	.swiper-item{
		font-size: 25rpx;
		font-weight: 600;
	}
</style>
